<template>
	<view class="content">
		<view class="address">
			<view class="addinfo">
				<view style="font-size: 32rpx;">
					江先生，135****3729
				</view>
				<view style="font-size: 24rpx;
color: #999999;margin-top: 16rpx;">
					广东省广州市白云区嘉禾街道206号
				</view>
			</view>
			<view class="operate">
				<view class="edit">
					<u-icon name="edit-pen" color="#333" size="28"></u-icon>
					<text>编辑</text>
				</view>
				<view class="">
					<u-icon name="trash" color="#333" size="28"></u-icon>
					<text>删除</text>
				</view>
			</view>
		</view>
		<u-button :custom-style="customStyle"  @click="addAddress">新增地址</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customStyle: {
					fontSize: '32rpx',
					borderRadius: '16rpx',
					background: '#1677FE',
					height: '100rpx',
					margin: '408rpx 55rpx 60rpx',
					color:"#fff"
				}
			}
		},
		methods: {
			addAddress(){
				uni.navigateTo({
					url:"/pages/intelligentLife/addrssAdd"
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding: 24rpx;

		.address {
			border: 1rpx solid #CCCCCC;
			box-shadow: 0 6rpx 20rpx 0 #99999933;
			border-radius: 16rpx;
			padding: 40rpx 40rpx 25rpx;
			margin-bottom: 24rpx;

			.addinfo {
				border-bottom: 1rpx solid #e6e6e6;
				padding-bottom: 32rpx;
			}
			.operate{
				display: flex;
				justify-content: flex-end;
				margin-top: 24rpx;
				text{
					margin-left: 16rpx;
				}
				.edit{
					margin-right: 100rpx;
				}
			}
		}
	}
</style>